.auth {
  width: 100%;
  min-width: 100%;
  background-color: #fff;
  border-radius: 2px;
  font-size: $fontSizeBase;
  color: $textColorBase;
  line-height: calc(22 / 14);

  p {
    margin: 0;
    padding: 0;
  }

  .box {
    width: 100%;
    min-height: 600px;
    display: flex;
    justify-content: flex-start;
    padding: 40px 0 20px;
    flex-direction: column;
    align-items: center;
  }

  .step {
    &>div {
      display: flex;
      margin-bottom: 30px;
      align-items: center;
    }
    &.step3{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      min-height: 450px;
      h4{
        color: $textColorDark;
        text-align: center;
        font-size: $fontSizeXXBig;
        margin:0 0 10px;
      }
      p{
        color: $textColorBase;
        text-align: center;
        font-size: $fontSizeBase;
      }
    }
  }

  .header {
    width: 100%;
    height: 110px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid $borderColor;
  }

  .el-steps--horizontal {
    width: 100%;
  }

  .el-step__head.is-process {
    color: #fff;
    border-color: $mainColor;
    background-color: $mainColor;
  }

  .el-input__icon {
    color: $mainColor;
    width: 100px;
    cursor: pointer;
    height: auto;
    line-height: 28px;

    span {
      padding-left: 5px;
    }
  }
  .id-pic-box{
    min-width: 600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .upload-box {
    display: flex;
    align-items: center;

    .img-box {
      width: 150px;
      height: 110px;
      padding: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px dashed $borderColor;
      margin-right: 18px;
    }

    &.licence {
      min-width: 600px;
      .img-box {
        width: 130px;
        height: 160px;
      }
    }
  }
  .step1 {
    .fixed-margin {
      margin-left: 150px;
    }
  }

  .step2 {
    .fixed-margin {
      margin-left: 150px;
    }
  }
}

.label {
  display: inline-block;
  width: 130px;
  flex: 0 0 130px;
  text-align: right;
  color: $textColorDark;
}

.ipt {
  width: 600px;
}

.map-dialog {
  .dialog-title,
  .dialog-intro {
    text-align: left;
  }
  .dialog-title{
    color: #000;
    margin: 0;
  }
  .dialog-intro{
    color: #3C4353;
    margin-bottom: 10px;
  }
}
